<template>
    <div>
        <div class="topback">
            <svg @click="$router.push('/mine')" t="1674987056061" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2285"><path stroke="#ffffff" stroke-width="25" d="M362.666667 896c-4.266667 0-8.533333 0-12.8-4.266667-8.533333-8.533333-8.533333-21.333333-4.266667-29.866666L631.466667 512 345.6 162.133333c-8.533333-8.533333-4.266667-21.333333 4.266667-29.866666 8.533333-8.533333 21.333333-4.266667 29.866666 4.266666l298.666667 362.666667c8.533333 8.533333 8.533333 21.333333 0 25.6l-298.666667 362.666667c-4.266667 4.266667-12.8 8.533333-17.066666 8.533333z" fill="#ffffff" p-id="2286"></path></svg>
        </div>
        <div class="logo">
            <img src="https://img-blog.csdnimg.cn/img_convert/bbeecc6629bcdbc7242c352ce00957fe.png" alt="">
        </div>
        <!-- 登录注册切换 -->
        <div class="userlinkbox">
            <router-link to="/user/register" class="register" :class="{ active: $route.path === '/user/register' }">快速注册</router-link>
            <router-link to="/user/login" class="login" :class="{ active: $route.path === '/user/login' }">密码登录</router-link>
        </div>
        <router-view></router-view>

        <div style="height: 1.2rem">
            <p class="checkBox">
                <input type="checkbox" name="" id="" v-model="isChecked"><span style="color: #fff;">我已阅读并同意名画社《服务协议》和《隐私政策》</span>
            </p>
        </div>
    </div>
</template>

<script>
export default {
    name: 'Vue2User',

    data() {
        return {
            // isChecked: false
        };
    },

    computed: {

        isChecked: {
            // 获取isChecked的值
            get() {
                return this.$store.getters.isChecked;
            },
            // 将新的isChecked值提交到Vuex中
            set(value) {
                this.$store.commit('setIsChecked', value);
            }
        }
    },
    mounted() {
        
    },

    methods: {

    },
};
</script>

<style lang="scss" scoped>
    @import '@/assets/css/user/user.scss'
</style>